﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<asp:Content ID="Content3" ContentPlaceHolderID="HeaderContent" runat="server">
<script>
var myEvents = <%= ViewData["MyEvents"].ToString().ToLower() %>;
</script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/Views/AuthIndex.js") %>"></script>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	My Calendar | MVC Time Planner
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

        <div style="float:left">
            <div id="datepicker"></div><br />
            <% if ((bool)ViewData["MyEvents"]) { %>            
            <div style="padding-bottom:5px">
                <div style="width:40px;float:left;">Title:</div><input type="text" style="width:185px" id="eventTitle" />
            </div>
            <div>
                <div style="width:40px;float:left;">Start:</div>
                <select id="fromHours">
                    <option>09</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                    <option>15</option>
                    <option>16</option>
                    <option>17</option>
                    <option>18</option>
                    <option>19</option>
                    <option>20</option>
                </select>:<select id="fromMinutes">
                    <option>00</option>
                    <option>15</option>
                    <option>30</option>
                    <option>45</option>
                </select>
            </div>
            <div>
                <div style="width:40px;float:left;">Finish:</div>                                           
                <select id="toHours">
                    <option>09</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                    <option>15</option>
                    <option>16</option>
                    <option>17</option>
                    <option>18</option>
                    <option>19</option>
                    <option>20</option>
                </select>:<select id="toMinutes">
                    <option>00</option>
                    <option>15</option>
                    <option>30</option>
                    <option>45</option>                
                </select>
            </div>
            <div>
                <div style="width:40px;float:left;">&nbsp;</div>
                <input type="button" value="Add" onclick="AddEvent()" />
            </div>
            <% } %>
        </div>
        <div id='calendar' style="float:right; width:680px"></div>        
        <div>&nbsp;</div>
        <div style="clear:both">&nbsp;</div>

</asp:Content>